<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/googlemapselector.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script src="js/googlemapselector.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>B & AJ Matrimony Website</title>
<meta name="keywords" content="galaxy, theme, free templates, website templates, CSS, HTML" />
<meta name="description" content="Galaxy Theme is a free website template by tooplate.com for everyone." />
<link href="css/tooplate_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />

<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function() {	
	$(function() {	
		var WindowHeight = $(window).height();
		var WindowWidth = $(window).width();
		$('#dark').css({'width':WindowWidth,'height':WindowHeight});
		$('#dark').fadeTo(2000,0.75);
		$('#message').css('top',  WindowHeight/2-$('#message').height()/2);
		$('#message').css('left', WindowWidth/2-$('#message').width()/2);	
		$('#message').fadeIn(2000); 	
	});	
		$('.close').click(function() {
		$('#dark').fadeOut();
		$('#message').fadeOut();
	});		
		$('#dark').click(function () {
		$('#dark').fadeOut();
		$('#message').fadeOut();
	});			
});
</script>

<script>
window.setInterval(function(){
  $('.blink').toggle();
}, 800);
</script>


<style>
#dark 			{display: none; background-color:#000; position:absolute; left:0; top:0; z-index:100;}
#message 		{display:none; position:absolute; left:0; top:0; z-index:101; width:350px; height:250px; background-color:#CBFBCC; border:1px solid #333; -moz-border-radius: 20px; -webkit-border-radius : 20px; padding: 20px; color: #666666;}
</style>

<style type="text/css">
/* Add whatever you need to your CSS reset */
html, body, h1, form, fieldset, input {
  margin: 0;
  padding: 0;
  border: none;
	}
	#registration {
		color: #fff;
		background: #2d2d2d;
		background: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0, rgb(60,60,60)),
						color-stop(0.74, rgb(43,43,43)),
						color-stop(1, rgb(60,60,60))
					);
		background: -moz-linear-gradient(
						center bottom,
						rgb(60,60,60) 0%,
						rgb(43,43,43) 74%,
						rgb(60,60,60) 100%
					);
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 10px;
		width: 430px;
		}

 #registration a {
      color: #8c910b;
      text-shadow: 0px -1px 0px #000;
      }
	  
#registration fieldset {
      padding: 20px;
      }
	  
input.text {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      border:solid 1px #444;
      font-size: 14px;
      width: 90%;
      padding: 7px 8px 7px 30px;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
	  background: #ddd url('images/inputSprite.png') no-repeat 4px 5px;
	  background: url('images/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(225,225,225) 0%,
           rgb(215,215,215) 54%,
           rgb(173,173,173) 100%
           );
	  background:  url('images/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(225,225,225)),
          color-stop(0.54, rgb(215,215,215)),
          color-stop(1, rgb(173,173,173))
          );
      color:#333;
      text-shadow:0px 1px 0px #FFF;
}	  

 input#email { 
 	background-position: 4px 5px; 
	background-position: 4px 5px, 0px 0px;
	}
	
 input#password { 
 	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
	}
	
 input#name { 
 	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
	}
	
 input#tel { 
 	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
	}
	
#registration h2 {
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	border-bottom: solid #181818 1px;
	-moz-box-shadow: 0px 1px 0px #3a3a3a;
	text-align: center;
	padding: 18px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	}
	
#registerNew {
	width: 203px;
	height: 40px;
	border: none;
	text-indent: -9999px;
	background: url('images/createAccountButton.png') no-repeat;
	cursor: pointer;
	float: right;
	}
	
	#registerNew:hover { background-position: 0px -41px; }
	#registerNew:active { background-position: 0px -82px; }
	
 #registration p {
      position: relative;
      }
	  
fieldset label.infield /* .infield label added by JS */ {
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 3px !important;
    left: 35px !important;
    line-height: 29px;
    }

</style>

</head>
<body>

<div id="message">
	<a href="#"class="close"/><img src="images/accept.png" align="right" /></a>
    <p><img src="images/banner.jpg" width="222" height="41" /> 
    <p><b>B & AJ is proudly informs all their visitors that the site has made 1,000,000th match last Thursday</b>.</p> 
    <p>A huge thanks to all those happy couples who has found the <b>king or queen</b> of their hearts here at B & AJ.</p>
    <p>We will do our best to deliver our services  better in future.</p>
    <p><b>Once again, thanks to all!</b></p>
    <p align="right">The B & AJ Match-Making Team</p>
</div>
<div id="dark"></div>

<div id="slider">
   	<div id="tooplate_wrapper"> 
            <div id="menu">
                <ul class="navigation">
                    <li><a href="#home" class="selected">Home</a></li>
                    <li><a href="#register">Register</a></li>
                    <li><a href="#offers">Offers</a></li>
					<li><a href="#services">Services</a></li>
                    <li><a href="#gallery">Gallery</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>    	
            </div> <!-- end of tooplate_menu -->

    
        <div id="content">
          <div class="scroll">
            <div class="scrollContainer">
			
              <div class="panel" id="home">
                <div class="col_380 float_l">
                  <h2>Welcome to B &amp; AJ</h2>
                  <img src="images/Hand-In-Hand.png" alt="Image 01" class="image_wrapper" />
                  <p><em>"Marriage: Love is the reason. Lifelong friendship is the gift. Kindness is the cause. Til' death do us part is the length."
- Fawn Weaver.</em></p>
                  <p>"A successful marriage requires falling in love many times, always with the same person." - Mignon McLaughlin</p>
				   <p>"The greatest marriages are built on teamwork. A mutual respect, a healthy dose of admiration, and a never-ending portion of love and grace." - Fawn Weaver</p>
                </div>
                <div class="col_270 float_r">
                  <h2>Our Services</h2>
                  <ul class="service_list">
                    <li><a href="#" class="service_one">Paid Membership</a></li>
                    <li><a href="#" class="service_two">Marriage Date Fixing</a></li>
                    <li><a href="#" class="service_three">It's Party Time</a></li>
                    <li><a href="#" class="service_four">Find a Sole-Mate</a></li>
                    <li><a href="#" class="service_five">Grab the Moments</a></li>
                  </ul>
                </div>
              </div>
              <!-- end of home -->
			  
			    <div class="panel" id="register">
                <div id="registration">
				 <h2>Create an Account</h2>

				 <form id="RegisterUserForm" action="" method="post">
					<fieldset>
						 <p>
							<label for="name">Name</label>
							<input id="name" name="name" type="text" class="text" value="" />
						 </p>
						
						 <p>
							<label for="email">Email</label>
							<input id="email" name="email" type="email" class="text" value="" />
						 </p>
						
						 <p>
							<label for="password">Password</label>
							<input id="password" name="password" class="text" type="password" />
						 </p>
						
						 <p><input id="acceptTerms" name="acceptTerms" type="checkbox" />
							<label for="acceptTerms">
								I agree to the <a href="">Terms and Conditions</a> and <a href="">Privacy Policy</a>
							</label>
						 </p>
						
						 <p>
							<button id="registerNew" type="submit">Register</button>
						 </p>
					</fieldset>

				 </form>
				</div>
              </div>
			  <!-- end of register -->
			  
			    <div class="panel" id="offers">
               <marquee direction="left" scrollamount="5" style="width: 600px; height: 26px; color: #f00909; font-size: 24px; font-family: Comic Sans MS;">!! SPECIAL OFFERS !!</marquee>
               <script type="text/javascript" src="js/snow.js"></script>
			   <p></p><p></p>
               <div class="col_380 float_l">
                  <img src="images/Mehndi-Designs-for-Shadi.jpg" alt="Mehndi" class="image_wrapper" />
               </div>
               <div class=" col_270 float_r">
				  <p></p>
                  <h2 align="right">Register With Us!!</h2>
                  <p></p>
                  <ul class="service_list">
                    <li><h3 align="center" style="color:#F00"><pre class="blink">Get free voucher worth $10</pre></h3></li>
                    <li><h3 align="center" style="color:#00B"><pre class="blink">Get one member cashback</pre></h3></li> 
                    <li><h3 align="center" style="color:#0C0"><pre class="blink">Get a free honeymoon package worth $20</pre></h3></li>
                  </ul>
                </div>      
                   
              </div>
			  <!-- end of offers -->
			  
			  <div class="panel" id="services">
                <div class="col_380 float_l">
                  <h1>Service Overview</h1>
                  <p><em>We offer a range of exclusive services to our customers. </em></p>
                  <img src="images/Marriage-Rings.jpg" alt="Marriage-Rings" class="image_wrapper" />
                  <p>At B &amp; AJ, not only we strive hard to find the best mate, but we commit from match-making to happy ending. Our services include fixing a marriage date as per ritual, party arrangement and recording precious moments through the lens for ever.</p>
                </div>
                <div class="col_270 float_r">
                  <h1>Our Services</h1>
                  <ul class="service_list">
                    <li><a href="#" class="service_one">Paid Membership</a></li>
                    <li><a href="#" class="service_two">Marriage Date Fixing</a></li>
                    <li><a href="#" class="service_three">It's Party Time</a></li>
                    <li><a href="#" class="service_four">Find a Sole-Mate</a></li>
                    <li><a href="#" class="service_five">Grab the Moments</a></li>
                  </ul>
                </div>
              </div>
			  <!-- end of service -->
			  
              <div class="panel" id="gallery">
                <h1>Happy Matches Made</h1>
                <div id="gallery_container">
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_01.jpg" alt="Image 01" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_02.jpg" alt="Image 02" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_03.jpg" alt="Image 03" /></a> </div>
                  <div class="gallery_box gb_rm"> <a href="#"><img src="images/gallery/image_04.jpg" alt="Image 04" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_05.jpg" alt="Image 05" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_06.jpg" alt="Image 06" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_07.jpg" alt="Image 07" /></a> </div>
                  <div class="gallery_box gb_rm"> <a href="#"><img src="images/gallery/image_08.jpg" alt="Image 08" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_09.jpg" alt="Image 09" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_10.jpg" alt="Image 10" /></a> </div>
                  <div class="gallery_box"> <a href="#"><img src="images/gallery/image_11.jpg" alt="Image 11" /></a> </div>
                  <div class="gallery_box gb_rm"> <a href="#"><img src="images/gallery/image_12.jpg" alt="Image 12" /></a> </div>
                  <div class="cleaner"></div>
                </div>
              </div>
			  <!-- end of gallery -->
			  
              <div class="panel" id="about">
                <div class="col_320 float_l">
                  <h1>Who are we?</h1><p></p>
                  <img src="images/Marriage-Hands.jpg" alt="/Marriage-Hands" class="image_wrapper" />
                  <p><em>B &amp; AJ Matrimony pioneered the concept of online matrimony service. Today, we are the world's largest, most trusted and most successful matrimony website. Millions of happy marriages happened and continue to happen through B &amp; AJ Matrimony. We have been featured in the Limca Book of Records for the highest number of documented marriages online. Besides Internet, we also have a strong offline presence across country with over 290 matrimony branches!</em></p>
                </div>
                <div class="col_320 float_r">
                  <h2>Testimonials</h2>
                  <blockquote>
                    <p>We have got our best lifematch through B & AJ Matrimony . We are very happy to getting a new life with loving, caring & joy. Our matching is so good. What we need that we got . So all credits goes to B & AJ.</p>
                    <cite>Shaahid & Kankana - <span>Happy Couple</span></cite> </blockquote>
                  <div class="cleaner_h40"></div>
                  <blockquote>
                    <p>I am very grateful to B & AJ Matrimony for getting me in touch with my wife. It was around September 2012, when I first met her. Slowly love bloomed between us. From a friend, she turned into my beloved and eventually the queen of my heart on July 05, 2013.</p>
                    <cite>Paul & Nancy - <span>Featured Customer</span></cite> </blockquote>
                </div>
              </div>
			  <!-- end of aboutus -->
			  
               <div class="panel" id="contact">
                <h1>Contact Match-Makers</h1>
                
                <div class="cleaner_h10"></div>
                <div class="col_380 float_l">
                  <div id="contact_form">
                    <form method="post" name="contact" action="#">
					
                      <label for="author">Name:</label><input type="text" id="author" name="author" class="required input_field" />
					  <div class="cleaner_h10"></div>
					  
                      <label for="email">Email:</label><input type="text" id="email" name="email" class="validate-email required input_field" />
                      <div class="cleaner_h10"></div>
					  
                      <label for="text">Message:</label><textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
                      <div class="cleaner_h10"></div>
					  
                      <input type="submit" class="submit_btn float_l" name="submit" id="submit" value=" Send " />
                      <input type="reset" class="submit_btn float_r" name="reset" id="reset" value="Reset" />
					  
                    </form>
                  </div>
                </div>
				
                <div class="col_270 float_r">
                <div id="mapcontainer">
<div id="addrcolumn">
<ul class="location">
	


         <li><a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Big+Ben,+Bridge+Street,+London,+United+Kingdom&sll=27.173491,78.042068&sspn=0.025427,0.055747&ie=UTF8&hq=Big+Ben&hnear=Big+Ben,+Bridge+St,+Westminster,+London+SW1A+2,+United+Kingdom&ll=51.507888,-0.131664&spn=0.017789,0.055747&z=15&iwloc=A">B & AG Matrimony, London</a><br />Big Ben, <br/>Westminster, London
	</li>
</ul> 
</div>

<div id="mapcolumn">
<iframe name="mapiframe1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com?output=embed"></iframe>
<br />+ <a href="http://maps.google.com" class="largermap">View Larger Map</a>
</div>

</div>

                    <h3>Write to us</h3>
					<strong>B & AJ Matrimony</strong><br />
					Bridge St<br/>
                    Westminster, London SW1A 2PW<br/>
                    United Kingdom
				</div>
              </div>
			  <!-- end of contact -->
			  
            </div>
          </div>
          <!-- end of scroll -->
		</div>
        
  		<div id="footer">
    
        	<div id="social_box">
            	<a href="#"><img src="images/facebook.png" alt="facebook" /></a>
            	<a href="#"><img src="images/flickr.png" alt="flickr" /></a>
            	<a href="#"><img src="images/myspace.png" alt="myspace" /></a>
            	<a href="#"><img src="images/twitter.png" alt="twitter" /></a>
            	<a href="#"><img src="images/youtube.png" alt="youtube" /></a>
            </div>
            
            <div id="footer_left">
				
            	Copyright © 2048 <a href="#">Company Name</a><br />
            	Galaxy by <a href="http://www.tooplate.com" target="_parent">Templates</a><br />
                
            </div>
			
            <div class="cleaner"></div>
 		</div>
    </div> 
</div>

</body>
</html>